import { Box, Typography } from "@mui/material";
import { memo } from "react";

/**
 * Json工具页面头部组件
 */
const JsonHeader = memo(() => (
    <Box sx={{ mb: 4 }}>
        <Typography variant="h4" component="h1" gutterBottom align="center">
            JSON 工具
        </Typography>
        <Typography variant="subtitle1" color="text.secondary" align="center" sx={{ mb: 2 }}>
            JSON 格式化、转义、验证和路径查询工具
        </Typography>
    </Box>
));

export default JsonHeader;